<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<h1>ajax</h1>
		<div>编号:<span id="itemId"></span></div>
		<div>价格:<span id="itemPrice"></span></div>
	</body>
	<script type="text/javascript">
		//jquery提供ajax,参数是一个js对象{}
		$.ajax({
			type:"POST",//发起一个POS请求
			url:"https://p.3.cn/prices/mgets",
			data:{//参数又是一个js对象
				"skuIds":"J_100008348542"
			},
			contentType:"application/json;charset=utf-8",//发送请求格式
			dataType:"jsonp",//返回数据格数
			
			success:function(data){//访问成功（data）data就是返回json对象
				console.log("访问成功")
				console.log(data)
				
				//解析id和price
				var item = data[0];//获取到这条记录
				
				var itemId = item.id;
				var itemPrice = item.p;
				console.log(itemId);
				console.log(itemPrice);
				
				var id = $("#itemId");
				id.text(itemId);
				id.css("color","blue");
				
				var price = $("#itemPrice");
				price.text(itemPrice);
				price.css("color","red");
			},
			error:function(e){//访问异常,网站返回错误信息
				console.log("访问失败")
			}
		})
	</script>
</html>
